<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>jQuery</title>
    <link rel="stylesheet" href="./css/shutter.css" />
    <link rel="stylesheet" href="./js/jquery.min.js" />
  </head>
  <body>
    <div class="shutter">
      <div class="shutter-img">
        <a href="#" data-shutter-title="PAL秋季赛海选"
          ><img src="./uploads/轮播1.jpg" alt="#"
        /></a>
        <a href="#" data-shutter-title="POL秋季赛开打"
          ><img src="./uploads/轮播2.jpg" alt="#"
        /></a>
        <a href="#" data-shutter-title="全民联赛开启"
          ><img src="./uploads/轮播3.jpg" alt="#"
        /></a>
        <a href="#" data-shutter-title="新生邀请赛将启"
          ><img src="./uploads/轮播4.png" alt="#"
        /></a>
      </div>
      <ul class="shutter-btn">
        <li class="prev"></li>
        <li class="next"></li>
      </ul>
      <div class="shutter-desc">
        <p>CS GO 真男人的战场</p>
      </div>
    </div>

    #icon-shouqiang
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="js/velocity.js"></script>
    <script src="js/shutter.js"></script>
    <script>
      $(function () {
        $('.shutter').shutter({
          shutterW: 800, // 容器宽度
          shutterH: 332, // 容器高度
          isAutoPlay: true, // 是否自动播放
          playInterval: 2000, // 自动播放时间
          curDisplay: 3, // 当前显示页
          fullPage: false, // 是否全屏展示
        })
      })
    </script>
    <script src="./js/vilocity.js"></script>
    <script src="./js/shutter.js"></script>
  </body>
</html>
